/* pages/search/search.wxss */
page{
  background-color: white;
}
 
.top {
  width: 100%;
  background-color: #f7f7f7;
  //margin-top: 100rpx; /* 改成固定值，不那么靠上 */
  padding-bottom: 10rpx; /* 可选：增加一点底部内边距 */
}

.title {
  text-align: center;
  font-size: 36rpx;
  color: #333;
  margin: 100rpx 0rpx 20rpx 0; /* 上下间距控制标题与搜索框的距离 */
  font-weight: bold;
}
 
.topsearch {
  width: 90%;
  margin-left: 5%;
  display: flex;
  padding: 30rpx 0; /* 增加上下 padding 让内容更高 */
  align-items: center;
}

.frame {
  background-color: white;
  width: 75%;
  border-radius: 20rpx;
  padding: 0 4%; /* 增加内边距 */
  height: 80rpx; /* 固定高度 */
  display: flex;
  align-items: center; /* 垂直居中输入框 */
  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
}

.frame > input {
  font-size: 28rpx; /* 增大字体 */
  width: 100%;
  height: 100%;
}
 
.topsearch>text {
  color: #ff5722;
  font-weight: bold;
  margin-left: 4%;
}
 
.history {
  background-color: white;
  padding: 4%;
}
 
.history_title {
  font-size: 30rpx;
  display: flex;
  justify-content: space-between;
  color: #a8a7a7fa;
  align-items: center;
}
 
.history_text {
  padding: 4% 0;
  display: flex;
  flex-wrap: wrap;
}
 
.history_text>text {
  background-color: #f7f7f7;
  padding: 1% 3%;
  margin: 2%;
  border-radius: 40rpx;
  font-size: 30rpx;
}
 
.history_text>text:first-child{
  margin-left: 0;
}
 
.none{
  margin-top: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
 
.swiper_con {
  padding-bottom: 30rpx;
}

.swiper_con_view {
  margin-bottom: 40rpx;
  border-radius: 20rpx;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.05);
}

.type-tag {
  margin-top: 10rpx;
}

.type-text {
  display: inline-flex;         /* 行内弹性盒子 */
  align-items: center;          /* 垂直居中 */
  justify-content: center;      /* 水平居中 */
  font-size: 20rpx;
  color: white;
  padding: 4rpx 16rpx;
  border-radius: 8rpx;
  white-space: nowrap;          /* 防止换行 */
}

 
.swiper_con_view:nth-child(even) {
  margin-left: 4%;
}
 
.swiper_con_view_view {
  margin-top: 5%;
  display: flex;
  align-items: center;
}